/**
* @file  Dev
* @author xiao_xie
* @date 2025-03-14
*/


import { Typography } from 'antd';
import classNames from 'classnames';
import { TitlePosition } from './Dev';
import { CommonComponentProps } from '../../../../types/interface';

const { Title } = Typography;


const Dev = ({ id, level = 1, text = '', position, underline, markers, ...props }: CommonComponentProps) => {

    const cls = classNames(['text-xl', 'font-bold', 'text-gray-500', {
        'text-left': position === TitlePosition.left,
        'text-center': position === TitlePosition.center,
        'text-right': position === TitlePosition.right,
        'underline': underline,
        'bg-[#F5FA09]': markers,
    }])

    return <Title data-component-id={id} level={level} className={cls} {...props}> {text}</Title>;
};
export default Dev;
